<template>
  <div class="wu_kong" :style="{ width, height }">
    <svg
      version="1.1"
      id="Sangoku"
      xmlns="http://www.w3.org/2000/svg"
      xmlns:xlink="http://www.w3.org/1999/xlink"
      x="0px"
      y="0px"
      viewBox="0 0 862.4 1099.4"
      style="enable-background: new 0 0 862.4 1099.4"
      xml:space="preserve"
    >
      <g id="cheveux">
        <path
          id="cheveux-claire"
          class="st0"
          d="M530.6,471.4l32.8-92.6c0,0-26.7,29.7-31.2,32.9c-2.9,2.1-8.6,2.6-11.9,2.4
		c3.3-4.7,5.9-8.4,7.1-10c4.8-6.3,4.8-13.3,4.8-13.3l-5.8-86.3c-4.6,11.9-10.4,24.5-16.2,35.4l-36.8-96.6l-12,52.7
		c0,0-1.3,5.3-9,10.8c-6.6,4.7-28.9,21.3-35.3,26c4.6-16.9,16.5-58,16.5-58l-37.5,42c0,0-20.8,22.8-23.3,26.8
		c-2,3.3-13.6,23.2-17.7,30.3l-0.1-0.1l-6.8-61.3c0,0-21.3,75.8-23.8,85.5s0,13.5,0,13.5l15.4,42.1c-4.2-0.5-8.6-1.4-10.7-2.6
		c-4.5-2.5-28.8-30.3-28.8-30.3l34.8,63.5l17.3,12c0.6,1,1.3,2,2.1,3.1l-19.4-0.1l17.3,7l8.5,2.6c6.1,8.9,12.6,17.8,15.7,19.7
		c0,0-5.7-14.5-3.6-18.2c0.4-0.8,13.2,4.9,12.3,2.2c-0.4-1.2-10.4-17.3-9.9-18l4.7-7.2c2.3,7.9,5.3,15.8,8.8,19.7c0,0,0-22.5,2-25
		c1.2-1.5,7.3-12.8,13.6-22.5c5.3-10.9,13.8-21,18.8-10c2.2-16.1,19.9-9,26,1.5c5.7,9.7,2.5,22,1.8,21.8c-1.3,6.5-2.7,13.2-2.7,13.2
		l7.2-10.8c1,3.4,1.6,8.3-2.1,11.4l10.5-2.1c0,0,0.8-1,1.6-2.1c0,0,2.5-11.9,11.3-11.5c12.7,0.5,8.5,33.5,8.5,33.5
		c-2.1,3.9-7.3,8.5-7.3,8.5c0.3,0.3,0,2.5,0,2.5h2.3l2.8,2.3l2.3,0.1l3.8,2.7l47-22.8l-40.5,4.6l50.4-30.9H530.6z"
        />
        <path
          id="cheveux-fonce"
          class="st1"
          d="M523.9,476l-34.5,8.5l42.7-57.9l-56.9,37.3l20-36l-20,15.9l19.5-38.9l11.5-37
		c0,0-26.7,26.8-35.9,31.8l-1.8-48.8l-5.3,31l-12.3,7.3l19.4-64.7l-14.9,26.3l-32.3,16.1c0,0-4.8,5.5-5.7,9.6s-1.8,12.6-1.8,12.6
		l-7,12.3l-16.3-24.9l4.5-32.6l-16.5,20.8c0,0-11.5,20.5-8.1,24.5s10.3,20,10.3,20s0,11.8-3.7,11.8s-16.4-0.6-17.9-3
		c0,0-15.1-22.1-18.1-39c-3-16.9,5.1-65,5.1-65l-24.4,89.8c0,0,0.5,6.6,3.2,13.9c2.7,7.3,13.3,36.3,13.3,36.3l-10.7-2.8l-26.5-27.8
		l32.6,61l17.3,12l2.5,3.8l-15.5-0.4l24.1,10.4c0,0,7.8,13.2,11.3,16.1c0,0-3-13.3-3-16.1l14.2,3.1l-10.8-18.4l4.9-8.7
		c0,0,1.9,10.6,7.3,17.3c0,0,0.1-1.5,0.2-3.6c-4.1-12.4-4.1-41.2-4.1-41.2c0.6-10.8,16.2-35.2,16.2-35.2c4.6-6.3,12.3-6.5,13.9-2.5
		c1.7,4,2.1,5.8,2.1,5.8c-11.8,7.8-19,32.6-19,32.6l14.3-9.7l-4.5,7.3c6.1-8.4,12.3-14.1,14.8-7.6h3c0,0,0.7-8.4,6.3-8.4
		s17.7,2.8,21.9,17.8c1.8,6.5-3.6,25.8-3.6,25.8l7.5-10.1c0,0,3.9,7-2.7,12.2l10.5-2.1c0,0,3.8-10.5,9.5-12.8c5.7-2.3,10.7,6,10.7,6
		s3,22.9,1.9,25.2l-5.4,7.6c0,0-4.9,5.9-1.8,4.9c3.1-1,4.3,2.2,4.3,2.2l3.2,0.8l23.5-10.4l-23.7-0.9l3.1-5.5L523.9,476z
		 M348.3,469.4c0,0-11.4-8.8-15.2-13.5l16.1,3.7L348.3,469.4z M375.1,465.4c0,0-15.3,6.4-15.5,26.4l-2.3-20.2c0,0,4-15.7,7.5-22
		c0,0,20-23.1,20-15.1C384.9,436.1,375.1,465.4,375.1,465.4z M454.4,476.3c7.8-19.5,4.8-32.2-3.7-43.5c-8.4-11.3-24-6.2-24-6.2
		c2.4-4.8,8.1-9,8.1-9c-3.5,0-2.4-5.2-2.4-5.2l8.2-7.4c0,0,5.7-5.2,7.5-3.4s17.9,14,19.6,20.3s3.8,29.7,3.8,29.7L454.4,476.3z"
        />
      </g>
      <g id="contours">
        <path
          id="XMLID_39_"
          class="st2"
          d="M478.4,512.6c0,0-6.5,5.1-12.3,5.6c-5.8,0.5-3.6-5.7-3.6-5.7c0.3-2,4.7-1.8,5.9-2.4
		c1.2-0.6-2.2-2.1-2.3-3c-0.1-0.9-0.9-3.3,2.3-3.1c3.2,0.2,1.9-1.7,3.2-2.2s1.9,0,1.9,0"
        />
        <path
          id="XMLID_63_"
          class="st2"
          d="M489.4,520.4c0,0,6.2,16.3,5.7,21.7c-0.6,5.3-2.7,13-5.2,16"
        />
        <path
          id="XMLID_3_"
          class="st2"
          d="M418.4,332.4c0,0,26.3-20,34-25.5s9-10.8,9-10.8l12-52.7l36.8,96.5"
        />
        <path
          id="XMLID_1_"
          class="st2"
          d="M466.1,382.4c-0.8,0,19.8-8.3,29-19s22.5-36,31.3-58.8l5.8,86.3c0,0,0,7-4.8,13.3
		s-31.5,44.3-31.5,44.3"
        />
        <path
          id="XMLID_5_"
          class="st2"
          d="M520.5,413.9c-0.5,0.8,7.2,1,11.7-2.2s31.2-32.9,31.2-32.9l-32.8,92.6h15.8l-51.8,31.8"
        />
        <path
          id="XMLID_4_"
          class="st2"
          d="M415.4,368.1c-2,0.5-0.5-24.3,0-28.3s18.3-65,18.3-65l-37.5,42c0,0-20.8,22.8-23.3,26.8
		s-17.8,30.3-17.8,30.3"
        />
        <path
          id="XMLID_7_"
          class="st2"
          d="M340.1,453.9l-15.5-42.3c0,0-2.5-3.8,0-13.5s23.8-85.5,23.8-85.5l6.8,61.3l14.3,17.8"
        />
        <path
          id="XMLID_8_"
          class="st2"
          d="M350.4,453.9c-1.5,1-16.5-0.3-21-2.8s-28.8-30.3-28.8-30.3l34.8,63.5l17.3,12"
        />
        <path
          id="XMLID_9_"
          class="st2"
          d="M374.4,423.4l-19.3,11c0,0-2.3,8.5-3.5,14s-6.8,33-6.8,33s-0.3,4,3,8s22.8,35.5,29,39.3
		c0,0-4.5-14.3-4.8-18.5c-0.3-4.3,1-11.5,3.5-15.5l4.8-7.3"
        />
        <polyline
          id="XMLID_11_"
          class="st2"
          points="354.4,499.4 335.4,499.4 352.7,506.4 361.2,509.4 	"
        />
        <line id="XMLID_12_" class="st2" x1="387.6" y1="514.4" x2="372.1" y2="510.1" />
        <path
          id="XMLID_10_"
          class="st2"
          d="M410.6,418.1c-1.3-0.5-19-3.5-19-3.5s-1.5,1.8-4,10.8s-12.5,40-12.5,40s5.8,32.5,14,41.8
		c0,0,0-22.5,2-25s18-32.8,25-36.5c4.3-2.3,5.3,2.8,5.3,2.8"
        />
        <path
          id="XMLID_14_"
          class="st2"
          d="M424.9,448.4c0,0-0.3-8.1,5.8-7.7s13.5,4.4,15,6.2s7.3,10.5,7.5,14s-4.5,25.3-4.5,25.3l23-34.5
		c0,0-1.3-25.8-4.3-30.8s-19.1-19.3-19.1-19.3s-3.1-1.3-6.6,2.5s-11.8,10.5-11.8,10.5"
        />
        <path
          id="XMLID_36_"
          class="st2"
          d="M456.4,474.4c0,0,3.4,7.2-2.7,12.2l10.5-2.1c0,0,5.1-12.1,9.5-12.8c4.3-0.7,8.4,1.3,9.4,4.3
		c1,3,4.6,22.7,3.3,26.9c-1.3,4.2-8,10-8,10c0.3,0.3,0,2.5,0,2.5h2.3l2.8,2.3l2.3,0.1l3.8,2.7l47-22.8l-45.7,5.2"
        />
        <path
          id="XMLID_6_"
          class="st2"
          d="M481.9,483.7c0,0-1.3-8.5-4.8-7.2c-1.3,0.5-8.1,12.7-8.1,12.7s-1.3,2.6,0,4.1
		c1.3,1.5,2.6,4,2.6,4"
        />
        <path
          id="XMLID_33_"
          class="st2"
          d="M469.7,492.1c0.5-0.3,4.3-1.2,5.5,0c1.2,1.2,1.8,4,0,5.8c-1.8,1.8-2,5.7-1.3,6.5
		c0.7,0.8-0.2,1.3-1.9,2.8"
        />
        <path
          id="XMLID_41_"
          class="st2"
          d="M375.1,493.6c0,0,4.1,7.7,4.8,9.3c0.7,1.7,15.8,25.8,18.4,33.5c7.8,4.5,27.6,16,27.6,16
		s7.2,0.2,9.5-1.8c0,0,23-17.7,24.8-21.2c1.9-3.5,4.3-7.2,4-11.3"
        />
        <path
          id="XMLID_59_"
          class="st2"
          d="M432.5,551.8c0,0-3.3,6.6-4.3,8.3c-1,1.7-3.5,6.5-3.2,10.2c0.3,3.7-2.3,11.8-4,12.8"
        />
        <path
          id="XMLID_56_"
          class="st2"
          d="M458.9,538.4c0,0-12.4,21.8-18.2,27c-5.8,5.2-23.5,20.8-23.5,20.8"
        />
        <path id="XMLID_61_" class="st2" d="M424.9,573.1c0,0-16.3,7.6-24.3,16.3" />
        <path
          id="XMLID_60_"
          class="st2"
          d="M440.7,583.1c0,0-11.3,0-21,2.2c-9.7,2.2-19.8,9.2-19.8,9.2"
        />
        <path
          id="XMLID_62_"
          class="st2"
          d="M407.9,589.7c0,0-10.4-1.4-13.9,0c-3.5,1.4-7,4.9-8,5.7c-1,0.8-13.5,1.2-25.2,12.3
		s-17.5,25-17.8,37.5"
        />
        <path
          id="XMLID_64_"
          class="st2"
          d="M345.3,632.2c-16.7,3.5-20.8,17.9-20.8,17.9l6,1.5c0,0,2.1-2.5,4.4-2.8s5-1.8,5.8-3.5
		c0.8-1.7,14.2,3,14.2,3l9.3-3c0,0,10-3.3,10.9-5.8s3.4-6.5,3.4-6.5s12.5-2.7,14.8-4.2s14-14.2,13-20.2s-7.2-10-7.8-10
		c-0.7,0,12,3.8,15.2,3c3.2-0.8,15.3-5.7,15-10.2c-0.3-4.5-2-2.7-2-2.7s2.1-1.7,7,0c0,0,5.7-6.6,10.8-7.5c5.2-0.9,2.5-6,2.5-6
		l-6.3-1.2l10.8-4c0,0,2.2-2.3-7-3.5l8.5-0.8c0,0,3.2-2.8,4.8-2.3s6.5,3.9,13.3,4c6.8,0.1,7.7,1.2,11,0c3.3-1.2,6-2.7,9.5-2.7
		s20.2,1.8,20.2,1.8s4.2,0.3,3.3-4.3c-0.8-4.6-3.8-10.5-3.8-10.5l10.3,10.5c0,0-1.2,8.4,0,10.3c1.2,1.8,11.8,18.8,11.8,18.8
		s-1.2,5.5,1.3,7.3s3.3,5.2,3,6s-2.5,3.3,0.1,8c2.6,4.7,0,9.5,0,9.5s2.7,11.2,1.2,15.5c-1.6,4.3-12.6,23-10.2,28s7.8,3.8,5.2,6.5
		c-2.7,2.7-10.8,9.3-11.3,12.8s2.8,11.7,0.5,13.5c-2.3,1.8-9,4-11.2,6.5c-2.2,2.5-4.5,10.3-4.2,13.8s-0.5,11.2-6.5,11.8
		s-12.2-0.7-13.2-1.2c-2-1-2.7,1-4.2,1.3s-14.7,1.3-16.7,0.8s-3-3.7-7.3-3.3c-4.3,0.3-4.8,3-8.8,1.8s-6.2-1.5-7.2-2"
        />
        <path id="XMLID_66_" class="st2" d="M510.1,566.4c0,0-4.4-16.3-14.9-22.6" />
        <path
          id="XMLID_71_"
          class="st2"
          d="M355.9,734.2c0,0-1-14.3,1.2-24c2.2-9.7,17.6-39,40-59c22.4-20,26.9-21.6,36.6-26.4
		c6-2.9,8.9,0.2,8.9,0.2"
        />
        <path
          id="XMLID_73_"
          class="st2"
          d="M474.6,667.1c0,0,27.2,2.5,30.7,1s22.2-13.5,25.8-25.3c3.7-11.8-0.5-44.8-2.5-48.3
		s-7.5-12.8-10-13.8s-8,1.7-10.7,0c-2.7-1.7-9.8-3.3-12.7-1.8s-2.3,2.2-4.3,1.7s-7.7-1.7-13.2,0c-5.5,1.7-9.2,4-11.3,3.8
		s4.5,1.3,8.3,1.2c3.8-0.2-14.5,3.3-14.5,3.3s-4.5,1-7.7,3.7c-3.2,2.7-15.8,17.3-15.8,17.3s0.2,3.5,3.3,2.8c3.2-0.7-3.3,5.3-3.3,6.4
		s-0.8,3,0,5.1"
        />
        <path id="XMLID_74_" class="st2" d="M439.1,623.6c0,0,1.7-6.7,3.5-9.7c1.8-3,4-6.8,4-6.8" />
        <path
          id="XMLID_79_"
          class="st2"
          d="M358.1,726.1c0,0-2.3,10.7-3.3,13c-1,2.3-4.3,7.8-0.8,9.8s7.3,8.5,16.2,2.3
		s30.4-22.2,33.8-23.7"
        />
        <path
          id="XMLID_81_"
          class="st2"
          d="M499.4,668.5c0,0-12.8,25.1-22.5,32.9c0,0-3,4.1-16.8,3.7c-9.8-0.3-12.3,1.7-16.3,5.7
		c-3.1,3.1-7.4,8-7.4,8"
        />
        <path
          id="XMLID_83_"
          class="st2"
          d="M462.7,705.1c0,0-7.5,13.6-10.2,16.1c-2.7,2.5-21.6,15.8-25.5,17.8s-6.2,6.2-20,7.8
		c-13.8,1.7-15.7-0.2-21,0.8c-5.3,1-12.5,2.7-14.7,2.6"
        />
        <path id="XMLID_85_" class="st2" d="M479.7,721.7c0,0,26.2-14.8,33.3-17.5" />
        <path
          id="XMLID_86_"
          class="st2"
          d="M393,654.9c0,0-32.4-7.9-38.2-6.6s-14.1,5.4-16.2,12.5s-1,14.9-1,14.9s3.1-1.3,3.4,0
		s-1.9,6.7-0.4,8.7s2.9,7,6.3,7.4s7.3,0.1,7.3,0.1s2,2.6,3.9,2.6s5.4,0,5.4,0"
        />
        <path id="XMLID_87_" class="st2" d="M345.6,680c0,0,7.9,12.5,11.2,13.6" />
        <path
          id="XMLID_90_"
          class="st2"
          d="M325.2,650.2c0,0-3.1,0.9-4.8,2s-4.1,0.6-7.4,0s-2.8,3.1-2,3.4s3.9,4,2.4,5.5s-3.9,3.4-5.3,6.4
		s-3.5,22.3-3.4,24"
        />
        <path
          id="XMLID_91_"
          class="st2"
          d="M308.9,676.3c0,0-1.1,13.3-5.6,17.6c0,0-1,1,1.5,2.5s2.5,5.1,4.1,6.6s2.1,1.9,3.8,3.3
		s0.6,5.9,2.4,5s2.1-2.8,3.4-1.8s9.4,7.5,16.5,8s12.5,1.9,16.4-0.9s5.6-5.4,5.6-5.4"
        />
        <path
          id="XMLID_95_"
          class="st2"
          d="M308.8,666.3c0,0-12.9,1.4-17.7,7.6s-12.5,29.5-12.5,29.5s-2,7.1,0,10.5s10.4,22.7,11.5,26
		s3.9,5.3,7,5.2s8.4-3.4,8.4-3.4l20.9-17.5"
        />
        <path
          id="XMLID_94_"
          class="st2"
          d="M305.5,741.8c0,0,10.6,0.6,13.1,0.9s9.1,1.3,12.8-1.4s11.9-10,14.3-12.9s10-11.8,10-11.8"
        />
      </g>
      <g id="vitesse">
        <g id="v3">
          <line id="XMLID_104_" class="st3" x1="518.8" y1="594.4" x2="545.1" y2="555" />
          <line id="XMLID_103_" class="st3" x1="518.8" y1="604.4" x2="545.1" y2="565" />
          <line id="XMLID_105_" class="st3" x1="526.8" y1="604.4" x2="553.1" y2="565" />
        </g>
        <g id="v4">
          <line id="XMLID_115_" class="st3" x1="369.2" y1="602" x2="349.9" y2="558.8" />
          <line id="XMLID_114_" class="st3" x1="377.7" y1="607.4" x2="358.4" y2="564.2" />
          <line id="XMLID_113_" class="st3" x1="381.9" y1="600.6" x2="362.7" y2="557.4" />
        </g>
        <g id="v2">
          <line id="XMLID_131_" class="st3" x1="305.3" y1="689.6" x2="282" y2="648.4" />
          <line id="XMLID_124_" class="st3" x1="314.2" y1="694.1" x2="291" y2="653" />
          <line id="XMLID_123_" class="st3" x1="317.8" y1="687" x2="294.6" y2="645.8" />
        </g>
        <g id="v1">
          <line id="XMLID_135_" class="st3" x1="503.6" y1="725.3" x2="536.1" y2="691" />
          <line id="XMLID_134_" class="st3" x1="501.9" y1="735.1" x2="534.4" y2="700.8" />
          <line id="XMLID_133_" class="st3" x1="509.7" y1="736.5" x2="542.3" y2="702.2" />
        </g>
        <g id="v8">
          <line id="XMLID_139_" class="st3" x1="494.9" y1="318.4" x2="501.4" y2="271.5" />
          <line id="XMLID_138_" class="st3" x1="499.2" y1="327.4" x2="505.8" y2="280.5" />
          <line id="XMLID_137_" class="st3" x1="506.4" y1="323.9" x2="513" y2="277.1" />
        </g>
        <g id="v7">
          <line id="XMLID_143_" class="st3" x1="383.2" y1="439" x2="363.9" y2="395.8" />
          <line id="XMLID_142_" class="st3" x1="391.7" y1="444.4" x2="372.4" y2="401.2" />
          <line id="XMLID_141_" class="st3" x1="395.9" y1="437.6" x2="376.7" y2="394.4" />
        </g>
        <g id="v6">
          <line id="XMLID_147_" class="st3" x1="531.5" y1="451" x2="558.6" y2="412.3" />
          <line id="XMLID_146_" class="st3" x1="531.3" y1="461" x2="558.4" y2="422.2" />
          <line id="XMLID_145_" class="st3" x1="539.3" y1="461.2" x2="566.4" y2="422.4" />
        </g>
        <g id="v5">
          <line id="XMLID_156_" class="st3" x1="418.8" y1="453.4" x2="445.1" y2="414" />
          <line id="XMLID_155_" class="st3" x1="418.8" y1="463.4" x2="445.1" y2="424" />
          <line id="XMLID_154_" class="st3" x1="426.8" y1="463.4" x2="453.1" y2="424.1" />
        </g>
        <g id="v9_1_">
          <line id="XMLID_151_" class="st3" x1="387.4" y1="331.8" x2="384" y2="284.6" />
          <line id="XMLID_150_" class="st3" x1="393.5" y1="339.7" x2="390.2" y2="292.5" />
          <line id="XMLID_149_" class="st3" x1="399.8" y1="334.8" x2="396.5" y2="287.6" />
        </g>
      </g>
      <g id="details">
        <g id="sourcils-color">
          <path
            id="sourcil-gauche-color"
            class="st4"
            d="M383.7,497.2c-1.6-0.3-4.8-0.9-4.8-0.9l3.3,7.6c0,0,1.8-0.1,3.3-0.1c0.3,0,0.6,0,0.8,0.1
		c2.3,0.4,6.4,3.6,8.2,5.1c1.8,1.5,5.3,2.4,5.3,2.4l-1.6-3.3c-1.6-0.3-9-7.9-9-7.9S386.1,497.8,383.7,497.2z"
          />
          <path
            id="sourcil-droit-color"
            class="st4"
            d="M404.7,509l3.9-1c0,0,22.9-23.3,27.6-23.5c4.7-0.3,9.2,6.9,9.2,6.9s-4.9-0.2-7.5,0.8
		c-2.7,1-27.8,19.2-27.8,19.2s-1.9,1.5-3.8,0.9C404.7,511.7,404.7,509,404.7,509z"
          />
        </g>
        <path
          id="sourcil-gauche"
          class="st4"
          d="M383.7,497.2c-1.6-0.3-4.8-0.9-4.8-0.9l3.3,7.6c0,0,1.8-0.1,3.3-0.1c0.3,0,0.6,0,0.8,0.1
		c2.3,0.4,6.4,3.6,8.2,5.1c1.8,1.5,5.3,2.4,5.3,2.4l-1.6-3.3c-1.6-0.3-9-7.9-9-7.9S386.1,497.8,383.7,497.2z"
        />
        <path
          id="sourcil-droit"
          class="st4"
          d="M404.7,509l3.9-1c0,0,22.9-23.3,27.6-23.5c4.7-0.3,9.2,6.9,9.2,6.9s-4.9-0.2-7.5,0.8
		c-2.7,1-27.8,19.2-27.8,19.2s-1.9,1.5-3.8,0.9C404.7,511.7,404.7,509,404.7,509z"
        />
        <path
          id="XMLID_15_"
          class="st3"
          d="M344.9,409.1c0,0-6.7-16.5-7.2-25.9s10.8-70.6,10.8-70.6"
        />
        <path
          id="XMLID_16_"
          class="st3"
          d="M411.1,309.1c0,0-30.8,38.5-33.8,42s-14,29.1-15.9,30.7"
        />
        <path id="XMLID_17_" class="st3" d="M425.6,291.6c0,0-15.3,42-16.3,48.3s0,49.3,0,49.3" />
        <path
          id="XMLID_18_"
          class="st3"
          d="M458.9,313.9c0,0-18.5,14.5-20.5,16.5s-24,29.5-24,29.5"
        />
        <path id="XMLID_19_" class="st3" d="M490.6,324.4c-0.8-0.3,11.3,29.7,11.3,29.7" />
        <line id="XMLID_20_" class="st3" x1="484.9" y1="298.1" x2="504" y2="350.8" />
        <path
          id="XMLID_21_"
          class="st3"
          d="M514.9,345.5c0,0-12.2,29.6-20.3,37.8c-8.3,8.4-19.9,19.2-36.8,27.2"
        />
        <path id="XMLID_22_" class="st3" d="M510.1,418.9c0,0,17-23.5,17.3-27.3s0-61.8,0-61.8" />
        <path
          id="XMLID_23_"
          class="st3"
          d="M507.4,452.9c0,0,34-37.8,35.5-41.3s20.5-33.1,20.5-33.1"
        />
        <path id="XMLID_24_" class="st3" d="M501.9,414.6l-23.5,36.3c0,0-5,8.1-14.1,11.8" />
        <line id="XMLID_25_" class="st3" x1="335.4" y1="409.1" x2="351.6" y2="448.4" />
        <line id="XMLID_26_" class="st3" x1="336.6" y1="423.4" x2="350.4" y2="453.9" />
        <path
          id="XMLID_27_"
          class="st3"
          d="M344.9,481.4c0,0-9.3-6.8-13.5-13.3s-30.8-47.3-30.8-47.3"
        />
        <path
          id="XMLID_28_"
          class="st3"
          d="M377.4,428.8c0,0-14.1,7.8-16.2,12c-2.1,4.2-12.3,27-10.8,40.7s26.5,47.3,26.5,47.3"
        />
        <path id="XMLID_29_" class="st3" d="M367.9,498.9c0,0-3-15.2,9.1-24.5" />
        <path id="XMLID_30_" class="st3" d="M392.4,426.6c0,0-11.8,26-12,32s-1.3,29,8.8,48.5" />
        <path
          id="XMLID_31_"
          class="st3"
          d="M395.9,462.7c0,0,5.3-20.8,14.3-24.1s11.3-1.8,11.3-1.8"
        />
        <path
          id="XMLID_32_"
          class="st3"
          d="M454.4,431.1c0,0-8.8-14-16-13.5s-17.5,8.3-17,11.1s0,15,0,15"
        />
        <path id="XMLID_34_" class="st3" d="M449.4,430.7c0,0,10,14.9,9.5,22.2s0.8,16.5-10.3,33.3" />
        <path id="XMLID_35_" class="st3" d="M486.3,489.1c0,0,17.9-7,21.1-9.3" />
        <path id="XMLID_37_" class="st3" d="M480.6,514.9c0,0,11.2-3.8,18.5-4.8" />
        <path id="XMLID_38_" class="st3" d="M478.4,490.7c0,0,0.8-5.2-6.4-6.2" />
        <path id="XMLID_40_" class="st3" d="M481.9,491.4v12c0,0-2,3-5.6,4.7" />
        <path id="XMLID_45_" class="st3" d="M406.2,495.1c0.8-0.2,11.2-18.3,15.2-20.6" />
        <path id="XMLID_46_" class="st3" d="M396.9,486.7c0,0,1,7.3,3,9.7" />
        <path id="XMLID_47_" class="st3" d="M402.7,502.9c0,0,1.6,9.3,3.5,9.4" />
        <path id="XMLID_49_" class="st3" d="M400.6,505.8c0,0,0.3,6.7,3,7.5" />
        <path
          id="XMLID_50_"
          class="st3"
          d="M383.7,503.9l6.5,11l9.7,2.2c0,0,0.5-1.8,0-5.7c-0.6-4.3-0.8-7.4-0.8-7.4"
        />
        <path
          id="XMLID_48_"
          class="st3"
          d="M439.4,491.8c0,0,0.7,7.5-1.5,9.9c-2.2,2.4-16.5,9.7-16.5,9.7s-2.7,0.8-9.3-1.4"
        />
        <g id="eyes-color">
          <path
            id="oeil-gauche-color"
            class="st5"
            d="M391.9,507c0,0,0.5,4.8,2.6,5.5c2.2,0.7,3.7-1.1,3.7-1.1s-0.7-0.3-3-1.9
			C393.5,508.3,392.3,507.3,391.9,507z"
          />
          <path
            id="oeil-droit-color"
            class="st5"
            d="M417.2,506.3c0,0,5.5,1.2,7.7-0.5c2.2-1.7,1-5.6,1-5.6L417.2,506.3z"
          />
        </g>
        <g id="eyes">
          <path
            id="oeil-gauche"
            class="st5"
            d="M391.9,507c0,0,0.5,4.8,2.6,5.5c2.2,0.7,3.7-1.1,3.7-1.1s-0.7-0.3-3-1.9
			C393.5,508.3,392.3,507.3,391.9,507z"
          />
          <path
            id="oeil-droit"
            class="st5"
            d="M417.2,506.3c0,0,5.5,1.2,7.7-0.5c2.2-1.7,1-5.6,1-5.6L417.2,506.3z"
          />
        </g>
        <path
          id="XMLID_52_"
          class="st3"
          d="M417.2,515.9c0,0,0,2.7,2.5,2.4c2.5-0.4,14.5-9.2,21-10.7"
        />
        <path id="XMLID_54_" class="st3" d="M436.6,511.4c0,0,9-4.6,14.3-5.6" />
        <path
          id="XMLID_53_"
          class="st3"
          d="M403.6,520.4c0,0,0.6,1-0.8,1.3c-2.6,0.6-7.9-2.4-10.3-2"
        />
        <path
          id="XMLID_55_"
          class="st3"
          d="M406.2,518.3c0,0,1.2,8.3,0,10.4c-1.2,2.1-3.5,4.6-1.8,5.8c1.8,1.2,12.7-5.8,12.7-5.8
		s-2.5,4.6-3.4,5.1c0,0-4.3,1.3-7.6,1.5"
        />
        <path id="XMLID_57_" class="st3" d="M412,539.2c0,0,4.8-4.3,11.5-2.5" />
        <path id="XMLID_58_" class="st3" d="M418.6,543.7c0,0,2.2-1.3,5-0.8" />
        <path
          id="XMLID_65_"
          class="st3"
          d="M392.1,601.1c0,0-9.7,10.7-10.7,14.3c-1,3.7-1.3,8.7-1.3,8.7"
        />
        <path
          id="XMLID_67_"
          class="st3"
          d="M392.1,618.4c0,0-12,3.5-15.3,7.2c-3.3,3.7-6.3,15.8-6.2,17.2"
        />
        <path
          id="XMLID_68_"
          class="st3"
          d="M371.4,622.2c0,0,1.9-0.7,4.1,0c2.2,0.7,2.4,2.3,2.4,2.3"
        />
        <path id="XMLID_69_" class="st3" d="M375.5,651.2c0,0-0.5-5.7,2.4-7.7s8.1-8.2,8.1-8.2" />
        <path
          id="XMLID_70_"
          class="st3"
          d="M397.9,650.2c0,0,0.7-6,3.3-10.7c2.7-4.7,20.5-31,20.5-33.5"
        />
        <path id="XMLID_72_" class="st3" d="M425.7,628.1c0,0,3-16.3,2.7-18.4" />
        <path id="XMLID_76_" class="st3" d="M492.3,580.5c0,0,6.9,4.4,9.3,8.2" />
        <path
          id="XMLID_75_"
          class="st3"
          d="M505.7,602.6c0,0,3.3,27.7-7.2,39.3c-10.5,11.6-23.2,14.4-23.2,14.4"
        />
        <path id="XMLID_78_" class="st3" d="M462.7,628.1c0,0,3.3,19.4,7.3,21.4" />
        <path
          id="XMLID_77_"
          class="st3"
          d="M451.4,629.4c0,0,7.8,9.7,8.8,15c1,5.3,3.2,16.1-1.3,24.1c-4.5,8-23.3,40.2-41.7,47
		c-12.8,4.7-21.8,4.2-21.8,4.2"
        />
        <path id="XMLID_80_" class="st3" d="M374.7,723.7c0,0-7.9,12-9.1,15.3" />
        <path id="XMLID_82_" class="st3" d="M451.1,722.4c0,0,19.4-5,24.3-8.2s32.8-28.2,32.8-28.2" />
        <path
          id="XMLID_84_"
          class="st3"
          d="M345.6,655.6c0,0-3,6.3-2.6,9.1c0.5,2.9,1.3,12.1,1.3,12.1"
        />
        <path id="XMLID_89_" class="st3" d="M327.3,663.4c0.1-0.4,10.4-13.8,12-16.5" />
        <path
          id="XMLID_88_"
          class="st3"
          d="M317,682.3c-0.1-0.4-2.3-13.6-1.1-18s2.5-8.3,6-9.1s4.9-1.1,6-2.1s2.7-1.5,2.7-1.5"
        />
        <path
          id="XMLID_93_"
          class="st3"
          d="M331.4,680c0,0,2.5,9.9,5,11.5s9,6.5,13.4,6.9s9.6,1.7,10.6,2.8"
        />
        <path id="XMLID_92_" class="st3" d="M333.3,701.2c0,0,8.9,6.1,14.5,6.3s9.9,0.6,9.9,0.6" />
        <path
          id="XMLID_97_"
          class="st3"
          d="M291.6,723.3c0,0,7.3,1.1,11.4-1.9s7.8-8.9,7.8-9.9s0-6,0-6"
        />
      </g>
      <g id="flammes">
        <path
          id="flamme-middle"
          class="st6"
          d="M691.6,753.8l22.2-35.1l-22,19.4l53.2-75.2l-24.5,18.6l82.8-112l-67.6,59.6l11-24
		l-59.1,53.4l5.9-17.3l-27,36.7l14.4-29.3l-33.8,36.8l43.9-75.6l-49.9,48.8l11-26.3l-21.1,12l43.9-62.1l-22.8,15l46.5-83.1
		l-50.7,59.5l6.8-26.7l-29.6,43.5l7.6-25c-23.7,28.7-23.7,28.7-23.7,28.7l53.2-119.8L641.2,502L691,369.6l-26.2,40.7L724,248.1
		l-80.3,116.6l27-54.1l-81.1,114.5l10.1-33.3l-18.6,23.9L623.4,297l-18.6,29.7l27.9-104.8l-16.9,26.2l19.4-118.3l-99.7,136.5
		l5.9-44.4l-33,51l11.8-56.8l-20.3,29.4l6.8-29.4l-16.4,17.1l-29.5-78.6V189L431.6,66.9h-0.4L387.9,189v-34.2l-22.7,78.6l-11.3-17.1
		l7.6,29.4l-19.8-29.4l12,56.8l-32.8-51l6,44.4l-99.7-136.5l19.4,118.3l-16.9-26.2l27.9,104.8L239,297l42.2,118.6l-18.6-23.9
		l10.1,33.3l-81.1-114.5l27,54.1l-80.3-116.6l59.1,162.2l-26.2-40.7L221.2,502l-21.1-27.9l53.2,119.8c0,0,0,0-23.7-28.7l7.6,25
		l-29.6-43.5l6.8,26.7l-50.7-59.5l46.5,83.1l-22.8-15l43.9,62.1l-21.1-12l11,26.3l-49.9-48.8l43.9,75.6l-33.8-36.8l14.4,29.3
		l-27-36.7l5.9,17.3l-59.1-53.4l11,24L59,569.6l82.8,112L117.3,663l53.2,75.2l-22-19.4l22.2,35.1"
        />
        <path
          id="flamme-hard"
          class="st7"
          d="M720.3,753.8L736,729l-23.7,20.9l57.4-81.1l-26.4,20.1l89.3-120.8l-72.9,64.2l11.8-25.9
		l-63.8,57.6l6.4-18.7L685,684.9l15.5-31.6L664,693l47.4-81.6l-53.8,52.6l11.8-28.4l-22.8,12.9l47.4-67l-24.6,16.2l50.1-89.7
		l-54.7,64.1l7.3-28.8l-31.9,46.9l8.2-26.9C623,594.3,623,594.3,623,594.3l57.4-129.2l-22.8,30.1l53.8-142.8l-28.2,43.9L747,221.4
		l-86.6,125.7l29.2-58.3l-87.5,123.4l10.9-36l-20,25.8l45.6-128l-20,32l30.1-113l-18.2,28.2l21-127.6L543.8,241l6.4-47.8l-35.5,55
		l12.8-61.2l-21.9,31.7l7.3-31.7l-18.4,18.5l-32.5-84.7v36.9L431.7,25.9h-0.5l-49.3,131.8v-36.9l-23.2,84.7L347.1,187l8.6,31.7
		L334.5,187l13.1,61.2l-35.4-55l6.5,47.8L211.1,93.9l21,127.6l-18.2-28.2l30.1,113l-20-32l45.6,128l-20-25.8l10.9,36l-87.5-123.4
		l29.2,58.3l-86.6-125.7l63.8,174.9L151,352.4l53.8,142.8L182,465.2l57.4,129.2c0,0,0,0-25.5-30.9l8.2,26.9l-31.9-46.9l7.3,28.8
		l-54.7-64.1l50.1,89.7l-24.6-16.2l47.4,67l-22.8-12.9l11.8,28.4L151,611.4l47.4,81.6L162,653.3l15.5,31.6l-29.2-39.5l6.4,18.7
		l-63.8-57.6l11.8,25.9l-72.9-64.2l89.3,120.8l-26.4-20.1l57.4,81.1L126.4,729l13.5,21.4"
        />
        <path
          id="flamme-light"
          class="st8"
          d="M705.1,753.8l20.7-32.6l-22.9,20.2l55.5-78.4l-25.5,19.4l86.3-116.8l-70.5,62.1l11.4-25
		l-61.7,55.7l6.2-18.1l-28.2,38.2l15-30.5l-35.2,38.3l45.8-78.8l-52,50.9l11.4-27.4l-22,12.5l45.8-64.7l-23.8,15.6l48.4-86.7
		l-52.8,62l7-27.9l-30.8,45.4l7.9-26C616.6,591,616.6,591,616.6,591l55.5-124.8l-22,29.1l52-138.1l-27.3,42.5l61.7-169.1
		l-83.7,121.5l28.2-56.4l-84.6,119.3l10.6-34.8l-19.4,24.9l44-123.7l-19.4,30.9l29.1-109.2l-17.6,27.3l20.3-123.3L540,249.5
		l6.2-46.2l-34.3,53.2l12.3-59.2L503,228l7-30.6l-17.3,17.9l-30.9-81.9V169L431.7,40.9h-0.4L385.9,169v-35.7l-23.6,81.9l-11.8-17.9
		l8,30.6l-20.7-30.6l12.6,59.2l-34.2-53.2l6.2,46.2L218.5,107.3l20.3,123.3l-17.6-27.3l29.1,109.2l-19.4-30.9l44,123.7l-19.4-24.9
		l10.6,34.8l-84.6-119.3l28.2,56.4L126,230.6l61.7,169.1l-27.3-42.5l52,138.1l-22-29.1L245.8,591c0,0,0,0-24.7-29.9l7.9,26
		l-30.8-45.4l7,27.9l-52.8-62l48.4,86.7l-23.8-15.6l45.8,64.7l-22-12.5l11.4,27.4l-52-50.9l45.8,78.8L171,648.1l15,30.5l-28.2-38.2
		l6.2,18.1l-61.7-55.7l11.4,25l-70.5-62.1l86.3,116.8L104,663l55.5,78.4l-22.9-20.2l20.7,32.6"
        />
      </g>
    </svg>
  </div>
</template>

<script lang="ts">
import { defineComponent } from 'vue'

export default defineComponent({
  name: 'WuKong',
  props: {
    width: {
      type: String,
      default: '200px'
    },
    height: {
      type: String,
      default: '200px'
    }
  }
})
</script>

<style scoped>
.wu_kong {
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(45deg, rgba(0, 41, 144, 1) 0%, rgba(0, 217, 255, 1) 100%);
}
svg {
  width: 100%;
  height: 100%;
}
#contours {
  fill: none;
  stroke: #ffffff;
  stroke-width: 2;
  stroke-miterlimit: 10;
  stroke-dasharray: 800;
  stroke-dashoffset: 800;
  animation: draw 3s;
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
  animation-timing-function: linear;
}
#details {
  fill: none;
  stroke: #ffffff;
  stroke-width: 1;
  stroke-miterlimit: 10;
  stroke-dasharray: 150;
  stroke-dashoffset: 150;
  animation: draw 2s;
  animation-delay: 1s;
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
  animation-timing-function: linear;
}
#cheveux-claire {
  fill-opacity: 0;
  fill: #fef297;
  animation: show 1s;
  animation-delay: 3s;
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
  animation-timing-function: easy-in;
}
#cheveux-fonce {
  fill-opacity: 0;
  fill: #f5c82e;
  animation: show 2s;
  animation-delay: 3s;
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
  animation-timing-function: easy-in;
}
#sourcils-color {
  fill-opacity: 0;
  fill: #fef297;
  animation: show 1s;
  animation-delay: 3s;
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
  animation-timing-function: easy-in;
}
#eyes-color {
  fill-opacity: 0;
  fill: #2bc3a6;
  animation: show 1s;
  animation-delay: 3s;
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
  animation-timing-function: easy-in;
}
#vitesse {
  opacity: 0;
  fill-opacity: 0;
  fill: none;
  stroke: #fff;
  stroke-width: 1;
  stroke-miterlimit: 10;
  stroke-dasharray: 100;
  stroke-dashoffset: 100;
  animation: draw 1s;
  animation-delay: 2s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-timing-function: easy-in;
}
#v2 {
  opacity: 0;
  fill-opacity: 0;
  fill: none;
  stroke: #fff;
  stroke-width: 1;
  stroke-miterlimit: 10;
  stroke-dasharray: 100;
  stroke-dashoffset: 100;
  animation: draw 1s;
  animation-delay: 1s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
#v3 {
  opacity: 0;
  fill-opacity: 0;
  fill: none;
  stroke: #fff;
  stroke-width: 1;
  stroke-miterlimit: 10;
  stroke-dasharray: 100;
  stroke-dashoffset: 100;
  animation: draw 1s;
  animation-delay: 2s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
#v7 {
  opacity: 0;
  fill-opacity: 0;
  fill: none;
  stroke: #fff;
  stroke-width: 1;
  stroke-miterlimit: 10;
  stroke-dasharray: 100;
  stroke-dashoffset: 100;
  animation: draw 1s;
  animation-delay: 2s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
#v8 {
  opacity: 0;
  fill-opacity: 0;
  fill: none;
  stroke: #fff;
  stroke-width: 1;
  stroke-miterlimit: 10;
  stroke-dasharray: 100;
  stroke-dashoffset: 100;
  animation: draw 1s;
  animation-delay: 2s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
#flammes {
  fill-opacity: 0;
  animation: show 1s;
  animation-delay: 2s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
#flamme-light {
  opacity: 0;
  fill-opacity: 0;
  fill: none;
  stroke: #fef297;
  stroke-width: 2;
  stroke-miterlimit: 10;
  stroke-dasharray: 20000;
  stroke-dashoffset: 20000;
  animation: draw 1s;
  animation-delay: 2s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
#flamme-middle {
  opacity: 0;
  fill-opacity: 0;
  fill: none;
  stroke: #f5c82e;
  stroke-width: 2;
  stroke-miterlimit: 10;
  stroke-dasharray: 20000;
  stroke-dashoffset: 20000;
  animation: draw 2s;
  animation-delay: 2s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
#flamme-hard {
  opacity: 0;
  fill-opacity: 0;
  fill: none;
  stroke: #f0a430;
  stroke-width: 2;
  stroke-miterlimit: 10;
  stroke-dasharray: 20000;
  stroke-dashoffset: 20000;
  animation: draw 2s;
  animation-delay: 2s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

@keyframes draw {
  to {
    stroke-dashoffset: 0;
    opacity: 1;
  }
}

@keyframes show {
  to {
    fill-opacity: 1;
    opacity: 1;
  }
}
</style>
